<template>
  <div id='views'>
    <div id="content">
      <div id='Article' v-html="article"></div>
    </div>
  </div>
</template>

<script>
  import { noticeDetail } from '../../http/api';
  export default {
    name: 'announcement_detail',
    data() {
      return {
        introduce: '公告详情',
        article:'',//文章内容
      }
    },
    mounted(){
      this.article = this.$route.query.content;
    }
  }
</script>
<style type="text/less" lang='less' scoped>
  #Article /deep/ *{
    margin: initial!important;
    padding: inherit!important;
    line-height: inherit!important;
  }
  #views{
    padding:0.4rem 0.3rem;position: relative;height: 100%;
    #content{
      height: 100%;background: #fff;width: 100%;top:0.4rem;left:0.3rem;border-radius: 0.04rem;
      padding:0.3rem;
      >div{
        width:100%;height: 100%;overflow-y: scroll;overflow-x: hidden;
      }
    }
    #Article::-webkit-scrollbar {width:0px; height:0px;} /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    #Article::-webkit-scrollbar-track {background-color:#fff; border-radius:0px; -webkit-box-shadow:inset 0 0 0px rgba(0,0,0,0);} /*定义滚动条轨道 内阴影+圆角*/
    #Article::-webkit-scrollbar-thumb {background-color: #d0d0d0; border-radius:0px; -webkit-box-shadow:inset 0 0 0px rgba(0,0,0,0);} /*定义滑块 内阴影+圆角*/

  }
</style>
